<template>
	<div class="no-result">
		<div class="no-result-icon"></div>
		<p class="no-result-text">{{title}}</p>
	</div>
</template>


<script>
	export default {
		props: {
			title: {
				type: String,
				default: ''
			}
		}
	}
</script>

<style lang="stylus" scoped>
	
	@import "~common/stylus/variable"
	@import "~common/stylus/mixin"
	
	
	.no-result
		text-align: center
		.no-result-icon
			width: 86px
			height: 90px
			margin: 0 auto
			bg-image('no-result')
			background-size: 86px 90px
		.no-result-text
			margin-top: 30px
			font-size: $font-size-medium
			color: $color-text-d
</style>